@import '../../color.less';

.mychart-area{
  width: 100vw;
  height: 200rpx;
}

.category{
  width: 100vw;
  display: flex;
  flex-direction: row;
  .active{
    border: 5rpx solid @color1 !important;
    font-weight: bold;
    color: @color1 !important;
    background: transparent !important;
  }
  .item{
    flex: 1;
    display: flex;
    border: 5rpx solid transparent;
    justify-content: center;
    background: @color1;
    height: 62rpx;
    color: #fff;
    line-height: 50rpx;
    box-sizing: border-box;
    margin: 10rpx;
    font-size: 30rpx;
  }
  .item:active{
    opacity: .5;
  }
}

ec-canvas {
  display: block;
  width: 100vw;
  height: 600rpx;
}
